<template>
  <div>
    <div class="logo">
      <ul>
        <li class="iconfont">
          <img
            src=""
            alt=""
          />
        </li>
        <li>
          <img
            src=""
            alt=""
          />
        </li>
        <li class="iconfont">&#xe745;</li>
        <li class="iconfont">&#xe63f;</li>
        <li class="iconfont">&#xe66b;</li>
      </ul>
    </div>
    <div></div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
};
</script>

<style lang='stylus' scoped>
.logo {
  height: 0.5298rem;

  ul {
    display: flex;
    padding: 0.0828rem 0.1656rem 0.0828rem 0.1656rem;

    li {
      font-size: 0.223rem;
      color: #3f3c3c;

      &:first-child {
        width: 0.26156rem;
        height: 0.23594rem;
        margin-right: 0.1028rem;

        img {
          width: 100%;
          height: 100%;
        }
      }

      &:nth-child(2) {
        height: 0.3519rem;
        flex: 1;

        img {
          height: 100%;
        }
      }

      &:nth-child(3) {
        padding: 0.03rem 0 0 0;
      }

      &:nth-child(4) {
        padding: 0.03rem 0.2rem 0 0.2rem;
      }

      &:nth-child(5) {
        padding: 0.03rem 0.05rem 0 0;
      }
    }
  }
}
</style>